<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<title></title>
		<link rel="stylesheet" href="../css/common/mui.css" />
		<link rel="stylesheet" href="../css/common/common.css" />
		<link rel="stylesheet" href="../css/this/user.css" />
		<link rel="stylesheet" href="../layer/skin/layer.css" />
		<style>
			body{
				background:#fff;
			}
		</style>
	</head>
	<body>
		<div class='mui-row lH54 theFirst bB'>
			<div class='mui-col-xs-8 pL13'>
				<input type="text" placeholder="请输入代金劵编码" class='lH35 pL15 keyword' style='border:1px solid #d9d9d9'/>
			</div>
			<div class='mui-col-xs-4 pR13 tR sure-search'>
				<button class='btn btn-black lH35 pL22 pR22'>确认</button>
			</div>
		</div>
		<section class='mT14 reco voucher-list'>
		
		</section>
		<script type='text/template' id='tpl-voucher-list'>
			{{if list.length > 0}}
			{{each list as list}}
				<div class='list oF' data-id = '{{list.id}}' data-then ='{{list.cpns_then}}'>
					<div class='fl pL10 quota'>
						<p class='fS33 cWhite'><span class='fS12'>&yen;</span>{{list.cpns_then}}</p>
					</div>
					<div class='fr pL10 pR10 w68'>
						<div class='bBD pB7'>
							<p class='mT19 cBlack fS12'>{{list.title}}</p>
							<p class='cGrey fS12'>
								<span class='b mT5 bR5 pL5 pR5'>{{list.cpns_key}}</span>
								<span>（可转赠好友使用）</span>
							</p>	
						</div>
						<div class='pT7 cGrey fS12 pB10 voucher-use'>
							<span class='fS12 pR8'>剩余{{list.day}}天到期</span><span class='cRed fS12'>立即使用</span></div>
					</div>
				</div>
				<div class='pB12 bT w93 mA line'></div>
			{{/each}}
			{{else}}
				<div class='tC fS12' style='position:absolute;top:50%;left:15%;height:30%;width:70%;'>
						<img src="../img/icon/nomore.png" class="pSR vouchers-img" style='top:2px'/>
						<span>没有更多可用卷了TOT</span>
				</div>
			{{/if}}
		</script>
	
	</body>
	<script src='../js/common/jquery.min.js'></script>
	<script src="../js/common/template.js"></script>
	<script src='../js/common/api.js'></script>
	<script src="../js/common/app.js"></script> 
	<script src='../layer/layer.js'></script>
	<script src='../js/common/header.js'></script>
	<script src='../js/common/footer.js'></script>
	<script src='accontToVouchers.js'></script>
</html>
